require('./PageAqlist.styl');

import {Grid, Group, Note, TabBar, Toast} from 'saltui';
import {Control} from 'react-keeper'

const {aqjlicons, aqzficons} = require('./../../contas/contas.js');


class Page extends React.Component {

  constructor(props) {
    super(props);

  }


  handleRoute(obj) {
    let t = this;
    switch (obj.route) {
      case "native":
        dd.device.notification.alert({
          title: "提示",
          message: "敬请期待",
          buttonName: "确定",
          onSuccess: function (data) {
          },
          onFail: function (err) {
          }
        });
        break;
      default:
        dd.device.notification.showPreloader({
          text: "加载中..", //loading显示的字符，空表示不显示文字
          showIcon: true, //是否显示icon，默认true
          onSuccess: function (result) {
            /*{}*/
          },
          onFail: function (err) {
          }
        });
        Control.go(obj.route);
        // dd.device.notification.showPreloader({
        //   text: "加载中..", //loading显示的字符，空表示不显示文字
        //   showIcon: true, //是否显示icon，默认true
        //   onSuccess : function(result) {
        //
        //   },
        //   onFail : function(err) {}
        // })

        break;
    }
  }

  componentWillMount() {

    dd.biz.navigation.setTitle({
      title: '监督工作',//控制标题文本，空字符串表示显示默认文本
      onSuccess: function (result) {
      },
      onFail: function (err) {
      }
    });

    dd.biz.navigation.setRight({
      show: false,//控制按钮显示， true 显示， false 隐藏， 默认true
      control: false,//是否控制点击事件，true 控制，false 不控制， 默认false
      text: '',//控制显示文本，空字符串表示显示默认文本
      onSuccess: function (result) {

      },

      onFail: function (err) {
      }
    });

    dd.device.notification.hidePreloader();

  }


  render() {
    var t = this;
    return (
      <div className="aqlist">
        <Group>
          <Group.Head>
            安全监督记录
          </Group.Head>
          <Grid col={3} className="t-BCe" square={true} touchable={true} noLine={false}>
            {
              aqjlicons.map((item, index) => {
                return (
                  <div key={index} className="t-FBV t-FBAC t-FBJC grid-contia t-TE"
                       onClick={t.handleRoute.bind(t, item)}>
                    <div className="home-grid-icon">
                      <img height={55} width={55} src={item.icon}/>
                    </div>
                    <div className="t-FC6 grid-text">{item.text}</div>
                  </div>
                )
              })
            }
          </Grid>

          <Group.Head>
            安全执法文书
          </Group.Head>
          <Grid col={3} className="t-BCe" square={true} touchable={true} noLine={false}>
            {
              aqzficons.map((item, index) => {
                return (
                  <div key={index} className="t-FBV t-FBAC t-FBJC grid-contia t-TE"
                       onClick={t.handleRoute.bind(t, item)}>
                    <div className="home-grid-icon">
                      <img height={55} width={55} src={item.icon}/>
                    </div>
                    <div className="t-FC6 grid-text">{item.text}</div>
                  </div>
                )
              })
            }
          </Grid>
        </Group>

      </div>
    );
  }
}


export default Page;
